<div class="left">
    <?php
    $form = $this->beginWidget('bootstrap.widgets.TbActiveForm', array(
	'id' => 'ad-form',
	'enableAjaxValidation' => false,
	'enableClientValidation' => true,
	'clientOptions' => array(
	    'validateOnSubmit' => true
	),
	'type' => 'horizontal',
	'htmlOptions' => array(
	    'enctype' => 'multipart/form-data'
	)
    ));
    ?>

    <div class="title">Job</div>

    <?php echo $form->errorSummary($model) ?>

    <div class="sign-1 in-div">
        <div>
            <h4>Your ad category</h4>
            <div class="clear"></div>
	    <?php echo $form->dropDownList($model, 'main_category', CHtml::listData(Category::getList(), 'category_id', 'name')); ?>
	    <br>
	    <br>
	    <?php
	    echo $form->datePickerRow($model, 'expireDate', array(
		'options' => array(
		    'format' => 'yyyy-mm-dd'
		)
	    ))
	    ?>
        </div>
        <div class="otherCat">
            <h4>Another category. </h4>
            <div class="clear"></div>

	    <?php foreach (Category::getList() as $cat) : ?>
    	    <label class="checkbox">
    		<input 
		    <?php
		    if (isset($update) && array_search($cat->category_id, $aAdditionCats) !== false) {
			echo "checked";
		    }
		    ?>
    		    type="checkbox" value="<?php echo $cat->category_id ?>" class="price" name="Job[otherCategoryIds][]" <?php echo in_array($cat->category_id, $model->otherCategoryIds) ? 'checked' : '' ?> /><?php echo h($cat->name) ?>
    	    </label>
	    <?php endforeach; ?>

        </div>     

    </div>
    <div class="sign-1 in-div">
	<h4>Ad status</h4>
	<?php echo $form->dropDownList($model, 'status', Ad::getStatusArray()) ?>
    </div>

    <div class="sign-1 in-div">
        <h4>Contact Informations</h4>
        <p><em>All contact information will not be posted and is used for communication between you and buyer.</em></p>
        <div>
            <label>Contact Name *</label>
	    <?php echo $form->textField($model, 'contact_name', array('maxlength' => 60)); ?>
        </div>
        <div>
            <label>Email *</label>
	    <?php echo $form->textField($model, 'contact_email', array('maxlength' => 60)); ?>
        </div>
        <div>
            <label>Country</label>
	    <?php echo $form->dropDownList($model, 'contact_country', CHtml::listData(Country::model()->findAll(array('order' => 'country_name')), 'country_iso', 'country_name'), array('maxlength' => 60)); ?>
        </div>
        <div>
            <label>State</label>
	    <?php echo $form->textField($model, 'contact_state', array('maxlength' => 60)); ?>
        </div>

        <div>
            <label>City</label>
	    <?php echo $form->textField($model, 'contact_city', array('maxlength' => 60)); ?>
        </div>
        <div>
            <label>Website</label>
	    <?php echo $form->textField($model, 'website', array('maxlength' => 255)); ?>
        </div>
    </div><!--in-div-->


    <div class="sign-1 in-div">
        <div>
            <h4>Position</h4>
	    <?php echo $form->dropDownList($model, 'position', Job::getPositions()) ?>
        </div>
    </div><!--in-div-->

    <div class="sign-1 in-div">
        <h4>Employment Location </h4>
        <div>
            <label>Country</label>
	    <?php echo $form->dropDownList($model, 'employmentCountry', Country::getSelectList(), array('maxlength' => 60)); ?>
        </div>


        <div>
            <label>State</label>
	    <?php echo $form->textField($model, 'employmentState') ?>
        </div>


        <div>
            <label>&nbsp;</label>
            Are you willing to pay for relocation?
	    <?php echo $form->checkBox($model, 'payForRelocation') ?>
        </div>
    </div>

    <div class="sign-1 in-div">
        <h4>Brief Description about your self / Objective / Skills</h4>
        <div style="width:500px;">
	    <?php echo $form->textArea($model, 'content', array('rows' => 10, 'cols' => 50, 'class' => 'span6')); ?>
        </div>
    </div>

    <div class="sign-1 in-div">
        <button type="submit" class="btn btn-warning">Save</button>
    </div>
    <?php $this->endWidget(); ?>
</div>

<script>
    $(document).ready(function() {
	var cat = [];
<?php foreach (Category::getList() as $cat) : ?>
    	cat.push({
    	    two_week: <?php echo $cat->price_two_week ?>,
    	    one_month: <?php echo $cat->price_one_month ?>,
    	    addition: <?php echo $cat->price_addition ?>
    	});
<?php endforeach; ?>
	$('#Job_main_category').change(function() {
	    var index = $(this).prop("selectedIndex");
	    //disable checkbox
	    $('.otherCat input[type=checkbox]').each(function(i) {
		if (i == index) {
		    $(this).attr('disabled', 'disabled');
		    //$(this).attr('checked', false);
		} else {
		    $(this).removeAttr('disabled');
		}
	    }).promise().done(function() {
		calTotal();
	    });
	});
	$('input[name=duration]').change(function() {
	    calTotal();
	});
	$('input[type=checkbox].price').change(function() {
	    calTotal();
	});
	function calTotal() {
	    var type = $('input[name=duration]:checked').val();
	    //main cat
	    var index = $('#Job_main_category').prop("selectedIndex");
	    if (type == 1) {
		var subPrice = cat[index].one_month;
	    } else {
		var subPrice = cat[index].two_week;
	    }

	    //get checkbox
	    var otherCat = 0;
	    $('input[type=checkbox].price:checked').each(function() {
		//get index
		var index = $('.otherCat input[type=checkbox]').index($(this));
		otherCat += cat[index].addition;
	    }).promise().done(function() {
		$('#subPrice').html(subPrice.toFixed(2));
		$('#totalPrice').html((otherCat + subPrice).toFixed(2));
	    });
	}

	//trigger
	$('#Job_main_category').trigger('change');
    });
</script>